/*
  在失去焦点时做账号和密码非空验证。
，点击登录从localStorage取出账号和密码做登录判断 ，给出登录成功失败提示
  登录成功，把数据传入本地，在首页显示用户名
*/
const formEle = document.querySelector('form')
const iptNameEle = document.querySelector('input[name="username"]')
const iptPasswordEle = document.querySelector('input[name="password"]')
const userEle = document.querySelector('.user')
const passEle = document.querySelector('.pass')
const iptRegistEle = document.querySelector('input[name="submitname"]')// 注册
const detalEle = document.querySelector('.detal') //登录

let personArrayStr = localStorage.getItem('DATA') //从locaStorage获取数据
let personList = JSON.parse(personArrayStr) || [] //转对象 默认为空

/***-----------------------绑定注册事件 跳转到注册页-----------------------*/
iptRegistEle.addEventListener('click', e => {
    e = e || window.event
    e.preventDefault()
    location.href = 'regist.html'
})

/** ----------------------------表单提交事件---------------------------------*/
formEle.addEventListener('submit', (e) => {
    e = e || window.event
    e.preventDefault()
    let userName = userNameNull()
    let passWord = passWordNull()
    if (userName && passWord) {
        valued()
    }
})


/*----------------------------------非空验证----------------------------------*/
// 用户名非空验证
function userNameNull() {
    // 获取input里面的值---判断是否为空
    iptName = iptNameEle.value
    if (iptName == '') {
        userEle.innerHTML = '用户名不能为空'
        return false
    } else {
        userEle.innerHTML = ''
        return true
    }
}

// 密码非空验证
function passWordNull() {
    // 获取input里面的值---判断是否为空
    iptPass = iptPasswordEle.value
    if (iptPass == '') {
        passEle.innerHTML = '密码不能为空'
        return false
    } else {
        passEle.innerHTML = ''
        return true
    }
}

/*------------------------------验证账号密码-正确性----------------------------------*/
function userPass() {
    if (personList.some(item => iptNameEle.value == item.name && iptPasswordEle.value == item.pass)) {
        if (confirm('登录成功')) {
            let obj = [iptNameEle.value, iptPasswordEle.value]
            localStorage.setItem('TRUEDATA', JSON.stringify(obj))
            location.href = 'index.html'
        }
    } else if (personList.some(item => iptNameEle.value == item.name) == false) {
        alert('用户名错误')
    } else {
        alert('密码错误')
    }
}


//*---------------------------验证密码长度 -->根据value的值来判断--------------------*/
function valued() {
    // var flag = true
    if (iptPasswordEle.value.length < 6) {
        alert('密码长度不能小于6位')
    } else if (iptPasswordEle.value.length > 16) {
        alert('密码长度不能大于16位')
    } else {
        //验证账号密码
        userPass()
    }
}

// *----------------------------------失去焦点----------------------------------------*/
//失去焦点
iptNameEle.onblur = function () {
    userNameNull()
}

iptPasswordEle.onblur = function () {
    passWordNull()
}